<template>
  <div>
    <p>{{ name }}</p>
    <p>{{ isMobile }}</p>
    <p>{{ userAgent }}</p>
    <p>{{classList}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isMobile: false,
      userAgent : '',
    }
  },
  computed:{
    name(){
      return "班级管理"
    },
    classList(){
      let c=[{
        id: 1, name:"班级1",
      },{
        id: 3, name:"班级3",
      },{
        id: 2, name:"班级2",
      }]
      return this._.orderBy(c, ['id'], ['asc'])
    }
  },
  methods: {},
  mounted(){
    this.$nextTick(()=>{
      this.isMobile = ! (navigator.userAgent.indexOf('Windows') != -1 || navigator.userAgent.indexOf('Macintosh') != -1);
      this.userAgent = navigator.userAgent
    })
  }
}
</script>

<style scoped>

</style>
